<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <div class="header">
      <div class="content flex">
        <div class="logo"><img src="images/newLogo.png" alt="" /></div>
        <div class="menu">
          <div class="menu_up"><img src="images/menu.png" alt="" /></div>
          <div class="menu_down none">
            <div class="down_head flex">
              <img src="images/newLogo.png" alt="" />
              <img src="images/close_b.png" ∏ class="closeMenu" alt="" />
            </div>
            <div class="topSearch">
              <input type="text" class="searchInput" placeholder="请输入关键" />
              <img src="images/search-b.png" alt="" />
            </div>
            <ul>
              <li><a href="">新闻中心</a></li>
              <li><a href="">培训课程</a></li>
              <li><a href="">特色项目</a></li>
              <li><a href="">师资列表</a></li>
              <li><a href="">关于我们</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="Filebox m-top">
      <div class="title no-bot">
        <div class="name">
          手动阀接发哈市发考试
        </div>
      </div>
      <div class="timeShow">
        <div class="time">
          <ul>
            <li><img src="images/time.png" alt="" /></li>
            <li><span>1:30</span></li>
          </ul>
        </div>
        <div class="Sheet">
          <ul>
            <li class="showsheet">答题卡</li>
            <li>1/41</li>
          </ul>
          <div class="SheetBox none">
            <div class="top">
              <ul>
                <li>&nbsp;</li>
                <li>答题卡</li>
                <li class="close"><img src="images/close.png" alt="" /></li>
              </ul>
            </div>
            <div class="ti">
              <div class="smllbox">
                <div class="title">单项选择</div>
                <div class="center">
                  <ul>
                    <li class="checked"><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                  </ul>
                </div>
              </div>
              <div class="smllbox">
                <div class="title">多项选择</div>
                <div class="center">
                  <ul>
                    <li class="checked"><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                  </ul>
                </div>
              </div>
              <div class="smllbox">
                <div class="title">填空</div>
                <div class="center">
                  <ul>
                    <li class="checked"><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                  </ul>
                </div>
              </div>
              <div class="smllbox">
                <div class="title">长填空</div>
                <div class="center">
                  <ul>
                    <li class="checked"><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">5</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="bottom">
              <button>交卷并查看结果</button>
            </div>
          </div>
        </div>
      </div>
      <div>
        <div class="Exam">
          <div class="demandbox">
            <div class="title">
              2.碎豆腐干哈斯偶发好尬岁的方hiOA胡佛暗示法是否会我案发后暗示法hi暗示法hi哦按时发hi暗示法hi
            </div>
            <div class="shuruBox">
              <div class="select_btn">
                <input
                  type="checkbox"
                  id="checkbox_meihua"
                  class="checkbox_style"
                  name="select"
                  value=""
                />
                <label for="checkbox_meihua"></label>
                朋友介绍
              </div>
              <div class="select_btn">
                <input
                  type="checkbox"
                  id="checkbox_meihua"
                  class="checkbox_style"
                  name="select"
                  value=""
                />
                <label for="checkbox_meihua"></label>
                网上搜索
              </div>
              <div class="select_btn">
                <input
                  type="checkbox"
                  id="checkbox_meihua"
                  class="checkbox_style"
                  name="select"
                  value=""
                />
                <label for="checkbox_meihua"></label>
                企业内训
              </div>
              <div class="select_btn">
                <input
                  type="checkbox"
                  id="checkbox_meihua"
                  class="checkbox_style"
                  name="select"
                  value=""
                />
                <label for="checkbox_meihua"></label>
                其他
              </div>
            </div>
          </div>
          <!-- 提交试卷也是这个按钮 -->
          <button class="subbtn">下一题</button>
        </div>
      </div>
    </div>
    <div class="foot">
      <a class="sy checked"><span></span><i>首页</i></a>
      <a class="kc"><span></span><i>我的课程</i></a>
      <a class="grzx"><span></span><i>个人中心</i></a>
    </div>
    <div class="mask none"></div>
  </body>
  <script src="js/jquery-1.12.0.min.js"></script>
  <script src="js/public.js"></script>
  <script>
    $(".showsheet").click(function () {
      $(".SheetBox").show();
    });
    $(".close").click(function () {
      $(".SheetBox").hide();
    });
  </script>
</html>
